/* 初始化 */
*{
  margin: 0;
  padding: 0;
  border: 0;
}
.top{
  background-color: #000000;
  color: #ffffff;
  width: 100%;
  overflow: hidden;/*清除子元素的浮动对后续元素的影响*/
  height: 80px;
}
.top_left{
  width: 30%;
  float: left;
  overflow: hidden;/*清除子元素img的浮动*/
}
.top_left img{
  height: 50px;
  margin-top: 15px;
  float: left;
}
.top_left span{
  height: 80px;
  line-height: 80px;
  display: inline-block;/*行内元素具备块级元素的属性*/
  /* float: left; */
}
.top_mid{
  width: 40%;
  float: left;
}
.top_mid ul{
  list-style: none;
  width: 100%;
  overflow: hidden;/*清除子元素li的浮动*/
}
.top_mid ul li{
  float: left;
  width: 25%;
  text-align: center;
  height: 80px;
  line-height: 80px;/*垂直居中的一种方式*/
}
.top_mid ul li a{
  color: #ffffff;
  text-decoration: none;
}
.top_right{
  width: 30%;
  float: left;
  text-align: right;
}

.top_right img{
  height: 50px;
}